<!DOCTYPE html>
        <html>
        <head lang="en">
            <meta charset="UTF-8">
            <title>农村房地一体网络公示平台</title>
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
            <meta name="format-detection" content="telephone=no">
            <meta name="renderer" content="webkit">
            <meta http-equiv="Cache-Control" content="no-siteapp" />
            <!--<link rel="alternate icon" type="image/png" href="assets/i/favicon.png">-->
            <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
            <style>
                .header {
                    text-align: center;
                }
                .header h1 {
                    font-size: 200%;
                    color: #333;
                    margin-top: 30px;
                }
                .header p {
                    font-size: 14px;
                }
                .am-header-default .am-header-title{
                    margin: 0 0;
                }
                .am-col.am-list-main .am-list-item-hd{

                }
                .next-btn{
                    width: 100%;
                    background: #0e90d2;
                    color: #fff;
                }
                .title{
                    margin-top: 10px;
                }
                .am-list-item-desced{
                    padding: 0!important;
                }
                .am-list-item-desced .am-list-item-hd{
                    float: left;
                    width: 50%;
                    height: 5rem;
                    line-height: 3rem;
                    border-right: 1px solid #ddd;
                    padding-left: 10px;
                }
                .am-list-item-desced .am-list-item-text{
                    line-height: 1.3!important;
                    padding-left: 10px;
                    height: auto;
                }
                .am-list-news{
                    border-left: 1px solid #ddd;
                    border-right: 1px solid #ddd;
                    border-top: 1px solid #ddd;
                }
                .am-list-news .am-list-news-hd{
                    padding: 0;
                }
                .am-list-news .am-list-news-hd h2{
                    line-height: 3;
                    height: auto;
                    width: 50%;
                    border-right: 1px solid #ddd;
                    padding-left: 10%;
                }
                .am-list-news .am-list-news-hd .am-list-news-more{
                    text-align: left;
                    float: left;
                    margin-left: 15%;
                    font-size: 16px!important;
                    font-weight: 700!important;
                    line-height: 3!important;
                }
                .am-list .am-list-item-desced a, .am-list .am-list-item-thumbed a{
                    color: #757575;
                }
                .am-list-news .am-list-news-hd h2{
                    width: 50% !important;
                    font-weight: 700;
                }
                .am-list-news-default .am-list .am-list-item-desced .am-list-item-text {
                    margin-top: .8rem;
                    color: #757575;
                    font-size: 16px;
                    font-weight: 700!important;
                }
                .am-list .am-list-item-desced a, .am-list .am-list-item-thumbed a {
                    color: #757575;
                    font-weight: 700!important;;
                    margin-left: 10%;
                }
                .am-list-news-default .am-list .am-list-item-desced .am-list-main{
                    min-height: 100px;
                }
                .am-col.am-list-main .am-list-item-hd{
                    min-height: 100px;
                }
            </style>
        </head>
<body>

<header data-am-widget="header" class="am-header am-header-default">
    <div class="am-header-left am-header-nav" style="visibility: hidden">
        <a href="#left-link" class="">
            <i class="am-header-icon am-icon-home"></i>
        </a>
    </div>
    <h1 class="am-header-title">
        <a href="#title-link">农村房地一体网络公示平台</a>
    </h1>
</header>
<div class="am-g">
    <div class="col-lg-6 col-md-8 col-sm-centered">
        <h2 class="title">1、户籍信息</h2>
        <hr>
        <script type="text/x-handlebars-template" id="amz-tpl">
            {{>list_news list1}}
        </script>
        <hr>
        <button  type="button" class="am-btn am-btn-default next-btn" onclick="next()" >下一页</button>
    </div>
</div>

<footer data-am-widget="footer" class="am-footer am-footer-default" data-am-footer="{  }">
    <div class="am-footer-miscs ">
        <p>
            <a href="#" title="诺亚方舟" target="_blank"></a>Powered by 四川省川核测绘地理信息有限公司</p>
    </div>
</footer>

<script src="assets/js/zepto.min.js?ver=1.1.3"></script>
<script src="assets/js/amazeui.js"></script>
<script src="assets/js/handlebars.min.js
"></script>
<script src="assets/js/amazeui.widgets.helper.js"></script>
<script>
    /**
     * [通过参数名获取url中的参数值]
     * 示例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=小明
     * @param  {[string]} queryName [参数名]
     * @return {[string]}           [参数值]
     */
    function GetQueryValue(queryName) {
        var query = decodeURI(window.location.search.substring(1));
        var vars = query.split("&");
        for (var i = 0; i < vars.length; i++) {
            var pair = vars[i].split("=");
            if (pair[0] == queryName) { return pair[1]; }
        }
        return null;
    }

    var userInfo;
    $(function() {
        userInfo=GetQueryValue('userInfo');
        var userInfoObj = JSON.parse(userInfo);

        var mainData = [
            {
                "title": "户主姓名",
                "desc": userInfoObj.hzxm,
            },
            {
                "title": "身份证号",
                "desc": userInfoObj.sfzhm,
            },
            {
                "title": "家庭成员",
                "desc": userInfoObj.jtcyxm,
            }
        ]

        var $tpl = $('#amz-tpl'),
            source = $tpl.text(),
            template = Handlebars.compile(source),
            data = {
                list1: {
                    "options": {
                        "type": "thumb",
                        "thumbPosition": "left"
                    },
                    "content": {
                        "header": {
                            "title": "项目",
                            "link": "###",
                            "moreText": "内容",
                            "morePosition": "top"
                        },
                        "main":mainData
                    }
                }
            },
            html = template(data);

        $tpl.before(html);

        // var reflow = $('body')[0].offsetHeight;

        seajs.use(['slider', 'menu', 'gallery', 'footer', 'navbar'], function(s, m, g, f, n) {
            var args = Array.prototype.slice.apply(arguments);
            $.each(args, function(i, m) {
                m.init && m.init();
            })
        });
    });

    function next() {
        location.href="two.html?userInfo="+userInfo;
    }
</script>

</body>
</html>
